﻿<!DOCTYPE html>
<html>
<head>
<title>怀玉乡旅游订单填写</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
<meta name="apple-mobile-web-app-capable" content="yes"/>
<meta name="full-screen" content="yes">
<meta name="browsermode" content="application">
<meta name="x5-fullscreen" content="true">
<meta name="x5-page-mode" content="app">
<link rel="stylesheet" type="text/css" href="/lahuo/css/lxs_index.css" tppabs="http://www.17sucai.com/preview/29861/2018-09-07/form/css/lxs_index.css"/>
<link rel="stylesheet" type="text/css" href="/lahuo/css/lxsHeadFoot.css" tppabs="http://www.17sucai.com/preview/29861/2018-09-07/form/css/lxsHeadFoot.css">
<link rel="stylesheet" href="/lahuo/css/zcbase@b22e88b759.css" />
<link rel="stylesheet" type="text/css" href="/lahuo/css/order_new.css" tppabs="http://www.17sucai.com/preview/29861/2018-09-07/form/css/order_new.css"/>
<script src="/lahuo/js/jquery-2.1.4.min.js" tppabs="http://www.17sucai.com/preview/29861/2018-09-07/form/js/jquery-2.1.4.min.js"></script>
<script></script>

<style>
	.homebackimg {
		
    width: 34px;
    height: 33px;
    background-position: -53px 0;
    margin-right: 10px;
    margin-top: 11px;
    background-image:url(https://mimage.zuchecdn.com/newversion/icon.png);
		background-repeat:no-repeat;
		display:block;
}
	header.zc_header_bd {
				width: 100%;
				background: #1b2939;
				height: 50px;
				position: fixed;
				top: 0;
				z-index: 99;
			}
			.header_title {
    color: #fff;
    font-size: 18px;
    line-height: 50px;
    height: 50px;
    text-align: center;
    width: 100%;
    font-weight: 400;
}
h1{
	margin: 0px;
}
</style>
</head>
<body onload="init()">


		<header class="zc_header_bd">
			<div class="getback" style="white-space: normal" data-url="">
				<span class="getbackimg">&nbsp;</span>
			</div>

			<h1 class="header_title" style="margin: 0px;" id="page_title">到店取还</h1>
			<div class="homeback">
				<span class="homebackimg">&nbsp;</span>
			</div>
		</header>

<div class="j_main m-main">
	
	<form action="" method="post" name="form_1">

		<script></script>
		<div class="tit">
			<i></i>填写联系人信息
		</div>
		<div class="txt">
			<dl>
				<dt>订单时间</dt>
				<dd><input maxlength="20" width="" type="text" name="truename" readonly="readonly" id="data" class="o_man" placeholder="真实姓名（必填）" value=""></dd>
			</dl>
			<dl>
				<dt>联系人</dt>
				<dd class="pd0"><input type="tel" name="mobiletel" id="n_mobiletel" class="o_number" maxlength="11" placeholder="联系人（必填）" value=""></dd><dd style="width:8rem;-webkit-box-flex:inherit">
				</dd>
			</dl>
			<dl>
				<dt>电话</dt>
				<dd class="o_yanzhengNo"><input type="text" id="code" name="code" class="o_yz" placeholder="手机号码（必填）" maxlength="11">
				<div class="o_yzTrips">
				</div>
				</dd>
			</dl>
		</div>
		<div class="tourist_box j_youke_main">
			<div class="tit">
				<i></i>填写游客信息
			</div>
			<div class="txt" id="j_kehu_list">
			</div>
		</div>
		<div class="txt txt2">
			<dl>
				<dt>国庆满减活动</dt>
				<dd class="box-flex-2"><span class="gq_type"></span></dd>
			</dl>
		</div>
		<div class="coupon_con" id="j_youhui">
			<div class="coupon_txt">
				<dl data-coupon-id="" data-amount="">
					<dd><money>&yen;1253</money>
					<p>
						优惠券
					</p>
					</dd>
					<dt><i class="checkbox"></i></dt>
				</dl>
			</div>
		</div>
		<div class="booking_notes">
			<label><i class="on"></i>我已阅读并同意此产品的</label><a href="javascript:;" class="btn_notes">预订须知</a>
			<p>
				温馨提示：为了保障您的出游权益，请务必在线支付订单。
			</p>
		</div>
	</form>
	<div class="submintFix">
		<dl>
			<dt>
			<div class="price">
				订单总额 <span>￥<em class="prices">${price}</em></span>
			</div>
			</dt>
			<dd class="sbmFix"><button type="button" id="save">提交订单</button></dd>
		</dl>
	</div>
</div>
<input type="hidden" value="${id}" id="id"> 
<input type="hidden" value="${numbers}" id="numbers"> 
<input type="hidden" value="${faaddress}" id="faaddress"> 
<input type="hidden" value="${shouaddress}" id="shouaddress"> 
<input type="hidden" value="${falnt}" id="falnt"> 
<input type="hidden" value="${falat}" id="falat"> 
<input type="hidden" value="${shoulnt}" id="shoulnt"> 
<input type="hidden" value="${shoulat}" id="shoulat"> 
<script type="text/javascript" src="/lahuo/static/js/jquery.min.js"></script>
<script>
function init() {
	var myDate = new Date()
	var dates=myDate.toLocaleString( ).toString();
	var datee=dates.substring(0,10);
	while(datee.indexOf('/') >= 0){
		datee = datee.replace('/','-');
	}
		
		
	
	$("#data").val(datee);
}
$("#save").click(function () {
	var id=$("#id").val();
	var numbers=$("#numbers").val();
	var faaddress=$("#faaddress").val();
	var shouaddress=$("#shouaddress").val();
	var falnt=$("#falnt").val();
	var falat=$("#falat").val();
	var shoulnt=$("#shoulnt").val();
	var shoulat=$("#shoulat").val();
	var prices=$(".prices").text();
	var data=$("#data").val();
	var name=$("#n_mobiletel").val();
	var phone =$("#code").val();
	var price=prices.replace(/,/g,"");
	location.href="/lahuo/topay?id="+id+"&numbers="+numbers+"&price="+price+"&faaddress="+faaddress+"&shouaddress="+shouaddress+"&falnt="+falnt+"&falat="+falat+"&shoulnt="+shoulnt+"&shoulat="+shoulat+"&data="+data+"&name="+name+"&phone="+phone;

	
})

var is_dijie = '0'; /*预定须知弹窗*/
 var cart_type_num = 0;
 var myScroll;
 var mobiletel_regexp = /^1[3|4|5|7|8|9][0-9]\d{8}$/;


 function bodyscroll(e) {
 	e.preventDefault();
 }

 $('.btn_notes').click(function() {
 	$('.notes_con').show();
 	setTimeout(loaded, 300);
 	document.addEventListener('touchmove', bodyscroll, false);
 });
 $('.notes_con').click(function() {
 	$(this).hide();
 	document.removeEventListener('touchmove', bodyscroll, false);
 }); /*60秒倒计时*/
 var wait = 60;

 function time_d(t) {
 	if (wait == 0) {
 		$(t).removeAttr("disabled").html("获取验证码");
 		wait = 60;
 	} else {
 		$(t).attr("disabled", "disabled").html(wait + '秒后重新发送').addClass('disable');
 		wait--;
 		setTimeout(function() {
 			time_d(t);
 		}, 1000);
 	}
 } /*游客信息检测*/



 function tourist_check() {
 	var tourist_list = $(".j_kehu_open"),
 		type = 1;
 	for (var j = 0; j < tourist_list.length; j++) {
 		var tr = tourist_list.eq(j);
 		if (!tr.data('full')) {
 			alert('请填写<b style="color:#FFF000">游客' + (j + 1) + '</b>的信息');
 			type = 0;
 			break;
 		}
 	};
 	return type ? true : false;
 }; /*异步核对验证码*/


 function mobiletel_code_check() {
 	var ajax_url = '/order/checkCode',
 		code = $('input[name="code"]').val(),
 		mobiletel = $('input[name="mobiletel"]').val();
 	if (mobiletel == '') {
 		alert('请输入手机号码');
 		return false;
 	} else if (!checkMobile(mobiletel)) {
 		alert('请输入正确的手机号码');
 		return false;
 	} else if (code == '' || code.length != 6) {
 		alert('请输入6位验证码');
 		return false;
 	}
 	$('#save').addClass('not');
 	$.ajax({
 		url: ajax_url,
 		type: 'post',
 		data: {
 			mobiletel: mobiletel,
 			code: code,
 			inajax: 1
 		},
 		dataType: 'json',
 		success: function(data) { /*console.log(data);*/
 			if (data == '1') {
 				alert('手机验证完毕');
 				document.form_1.submit();
 			} else {
 				$('#save').removeClass('not');
 				if (data == '-1') {
 					alert('手机号码错误');
 					return false;
 				} else if (data == '-2') {
 					alert('验证码错误');
 					return false;
 				} else {
 					alert('意外错误');
 					return false;
 				}
 			}
 		},
 		error: function() {
 			$('#save').removeClass('not');
 			alert('意外错误');
 			return false
 		}
 	});
 }
/*发送手机验证码*/
 	$(".mobile_code").click(function() {
 		var th = $(this),
 			tel = $("#n_mobiletel").val(),
 			r_url = '/account/getcode?inajax=1&mobiletel=' + tel + '&idtype=4';
 		if (tel == '') {
 			alert('请先输入手机号码');
 			return false;
 		}
 		if (tel.length != 11 || !mobiletel_regexp.test(tel)) {
 			alert('手机号码不正确，请您重新输入');
 			return false
 		}
 		if (th.hasClass('not')) {
 			return false;
 		}
 		th.addClass('not');
 		setTimeout(function() {
 			th.removeClass('not');
 		}, 60000);
 		$.get(r_url, function(data) {
 			if (data == '1') {
 				alert('短信已发送，请查看');
 			} else if (data == '-1') {
 				alert('获取失败，手机号码不能为空');
 			} else if (data == '-2') {
 				alert('获取失败，手机号码错误');
 			} else if (data == '-3') {
 				alert('获取失败，该手机已被注册');
 			} else if (data == '-4') {
 				alert('您的操作太频繁，请稍候再试');
 			} else if (data == '-8') {
 				alert('同一ip一天最多10条短信');
 			} else if (data == '-5') {
 				alert('同一手机一个月最多5条短信');
 			} else if (data == '-6') {
 				alert('获取失败，获取验证时间间隔60秒');
 			} else {
 				alert('获取失败');
 			}
 		});
 	}); /*改变证件类型事件*/
 	$('#j_kehu_list').on('change', '.tourist_box .certificate_type', function() {
 		
 		placeholder = mark + '号码（必填）';
 		cur.closest('dl').next('dl').find('dt').html(mark).siblings('dd').find('input[type="text"]').attr('placeholder', placeholder);
 	});
 

 function guoqing_yh() {

 }
</script>
		</body>
		</html>